@font-face {

    font-family: 'oswaldbold';

    src: url('fonts/oswald-bold-webfont.eot');

    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oswald-bold-webfont.woff2') format('woff2'),

         url('fonts/oswald-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'oswald_regularregular';

    src: url('fonts/oswald-regular-webfont.eot');

    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oswald-regular-webfont.woff2') format('woff2'),

         url('fonts/oswald-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotobold';

    src: url('fonts/roboto-bold-webfont.eot');

    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bold-webfont.woff2') format('woff2'),

         url('fonts/roboto-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoregular';

    src: url('fonts/roboto-regular-webfont.eot');

    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}







* p, h1, h2, h3, h4, h5, h5, ul{

  padding: 0;

  margin: 0;

}

/*--------- header Start --------*/

/*---- top ----*/


.fa-facebook {
    padding: 5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
	
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding: 5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-instagram{
    padding: 5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-instagram:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding: 5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding: 5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-google-plus {
   padding: 5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-google-plus:hover {
    background-color: #e25714;
}
.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
   margin-top: 0px;
   text-align: left;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
	
}
.social-icons{ padding: 8px 0px;}

ul.social-icons2 {
   margin-top: 0px;
   text-align: left;
}

.top-fulid{

    background-color: #222222;
    padding-top: 0px;
    padding-bottom: 0px;
}

.top{

  text-align: left;

}

.top p{

  color: #fff;

  font-size: 14px;

  font-family: robotoregular;

  text-transform: capitalize;

}


.middletextaria{ background:#a50a0a;}
.middletext{     font-family: oswaldbold;
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding: 15px 0;}




.logotop{    padding: 0px 0;}

.top span{

  background-image: url(im/spekar.png);

  background-repeat: no-repeat;

  background-position: right center;

  padding-right: 20px;

  color: #00abeb;

}

.top-text{

 text-align: left;
    padding: 10px 0;

}

.top-text p{

  display: inline-block;

  color: #fff;

  font-size: 14px;

  font-family: robotoregular;

  padding-left: 24px; 

}

.top-text a{

  color: #fff;

}

.top-text a:hover{

  color: #f3390a;

}

/*------ Nav Bar Start -----*/

.nav-fluid{

  background-color: #fff;

}

.logo{

    padding-top: 0px;
    padding-bottom: 0px;

}

.navbar-nav {

  font-size:14px;

}

.navbar-nav a:hover{

  color: #fff;

  background-color: #e6e6e6;

}

.nav li a:hover{

    background-color:none;  

}

.navbar-default{

  background: none;

  border: none;

}

.navbar-toggle {

  margin-bottom: : 20px ;

}

.navbar{

  margin: 0;

  border: solid 0px #fff;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff;
    background-color: transparent;
    /* border-bottom: solid 3px #efc138; */
    background: #000;

}

.navbar-default .navbar-nav > li > a{

   color: #000;
    font-family: oswaldbold;
    font-size: 13px;
    text-transform: uppercase;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    color: #00abeb;

    background-color: transparent;

}

.nav > li > a{

       padding: 51px 8px;

}

.navbar-default .navbar-toggle .icon-bar{

  background-color: #fff;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #efc138;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: #000;

    float: left;

    padding: 0;

}

.dropdown-menu{

  background-color: #000;

  padding-left: 13px;

}

.dropdown-menu > li > a{

  color: #fff;

  font-size: 17px;

  font-family: oswaldbold;

  text-transform: uppercase;

      padding: 6px 18px;

  background-image: url(im/ero.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding-left: 17px;

}

.dropdown-menu > li > a:hover{

  color: #c8e600;

  background-color: transparent;

}



.search{
       text-align: right;
    padding-top: 44px;
    padding-right: 0px;

}

.search input{

     width: 243px;
    height: 43px;
    border: solid 1px #000;
    padding-left: 10px;
    color: #c5c5c5;
    display: inline-block;
    background-color: #fff;
}

.search button{

     width: 40px;
        height: 44px;
    border: solid 1px #c5c5c5;
    display: inline-block;
    margin-left: -5px;
    vertical-align: top;
    background-color: #000;

}

/*---- navbar ----*/















@media screen and (max-width: 1199px){

  .nav > li > a {

    padding: 23px 11px;

  }

  .navbar-default .navbar-nav > li > a{

    font-size: 15px;

  }

}











@media screen and (max-width: 991px){

  .nav > li > a {

    padding: 12px 4px;

  }

  .navbar-default .navbar-nav > li > a{

    font-size: 14px;
	border-bottom: solid 1px #000;

  }

  .logo {

    padding-top: 30px;

    padding-bottom: 30px;

  }
  
  

}











@media screen and (max-width: 767px){

  .top{

    text-align: center;

  }

  .top p{

    padding-bottom: 10px;

  }

  .top-text{

    text-align: center;

  }

  .search input{

    width: 80%;

    height: 40px;

    margin-bottom: 20px;

  }

  .search button{

    width: 20%;

    height: 40px;

  }

  .navbar-toggle{

    margin-top: 20px;

    margin-right: 0;

  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form{

    float: unset;

    text-align: center;

  }

  .search{

    padding-right: 0;

  }
  
  .cat-text h3{

  color: #fff;

  text-transform: uppercase;

  font-size: 15px;

  font-family: oswaldbold;

  position: absolute;

  left: 0;

  right: 0;

  top: 30px;

  transition: all 0.5s ease;

}



.cat-text:hover h3{

  color: #00abeb;

  top: 20px;

}

}

/*--------- header End --------*/




















.aboutbg{ background:#222222;
    /* background-repeat: repeat-y; */
    background-repeat: no-repeat;
    margin: 5px 0;
    height: 446px;}
.aboutimage1{    padding: 19px 0;}
.welcometolajpal{    color: #fff;
    font-size: 22px;
    font-family: robotoregular;
    padding-left: 24px;
    text-transform: uppercase;    padding-top: 23px;}
	
	
	.welcometext{color: #f3390a;
    text-transform: uppercase;
    font-family: oswaldbold;
    font-size: 37px;
    /* background-image: url(im/instagram-logo.png); */
    background-repeat: no-repeat;
    background-position: left center;
    display: inline;
    padding-left: 24px; }
	
	.welcometext2{     font-family: oswaldbold;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    color: #838a93;
    padding-left: 25px;}




/*--------- Cat Start --------*/

.cat-main{

  position: relative;

  transition: all 0.5s ease;
      margin: 0px -9px;

}

.cat-text{

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  text-align: center;

  transition: all 0.5s ease;

  margin: 0 auto;

  height: 0;

  width: 100%;

}

.cat-text h3{

  color: #fff;

  text-transform: uppercase;

  font-size: 30px;

  font-family: oswaldbold;

  position: absolute;

  left: 0;

  right: 0;

  top: 65px;

  transition: all 0.5s ease;

}



.cat-text:hover h3{

  color: #00abeb;

  top: 50px;

}

.cat-main:hover .cat-text{

     width: 96%;
    height: 91%;
    border: solid 4px;
    border-color:#f3390a;
    top: 5%;
    transition: all 0.5s ease;

}

.followus{color: #fff;

  text-transform: uppercase;

  font-size: 30px;

  font-family: oswaldbold;
  text-align:left;}


.common-prd-wrapper{text-align: center;
    margin-top: 10px;
    border: 2px solid #b3b1b1;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 16px;}

.common-prd-wrapper:hover{text-align:center; margin-top:10px; border: 2px solid #a50a0a; margin-bottom:20px;    background-color: #fff;}

.common-prd-wrapper .prd-img{}

.common-prd-wrapper .prd-img a{display:block;}

.common-prd-wrapper .prd-img a img{    display: block;
    padding-left: 27px;
    padding-top: 31px;
    height: 260px;}
.exbision{ text-align:center; padding:10px 0;}


.common-prd-wrapper .showonfront{position:relative;}

.common-prd-wrapper .showcarts{position: absolute;
    top: 0%;
    left: 30px;
    right: 30px;
    opacity: 0;
    background: #a50a0a;
    padding: 20px 0px;
    transition: 0.5s all;}

.common-prd-wrapper:hover .showcarts{top:70%; opacity:1; transform:translateY(-70%);}



.common-prd-wrapper .showcarts a{font-family: 'Oswald', sans-serif; text-decoration:none; display:inline-block; color:#fff; font-size:15px; font-weight:500; text-transform:uppercase;}

.common-prd-wrapper .showcarts a img{display:inline-block; margin-right:5px;}



.contacttheem{    background: #f8f8f8;
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;}
	
	
	
	
	
	
	
	

.feature{color: #000;
    text-transform: uppercase;
    text-align: center;
    font-family: oswaldbold;
    padding: 15px 0;
    font-size: 51px;
    /* background-image: url(im/instagram-logo.png); */
    /* background-repeat: no-repeat; */
    /* background-position: left center; */
    /* display: inline; */
    /* padding-left: 24px; */}




@media screen and (max-width: 991px){

.cat-text h3{

  color: #fff;

  text-transform: uppercase;

  font-size: 15px;

  font-family: oswaldbold;

  position: absolute;

  left: 0;

  right: 0;

  top: 30px;

  transition: all 0.5s ease;

}



.cat-text:hover h3{

  color: #00abeb;

  top: 20px;

}

}

/*--------- Cat End --------*/























/*--------- Start End --------*/

.request-fulid{

  background-image: url(im/req-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding-bottom: 10px;

}

.request-main-text{

  text-align: center;

  padding-top: 18px;

  padding-bottom: 18px;

}

.request-main-text h2{

      font-size: 31px;
    color: #000;
    font-family: oswaldbold;
    text-transform: uppercase;

}

.request-main-text p{

font-size: 16px;
    color: #000;
    font-family: robotoregular;
    text-transform: capitalize;
    padding-top: 10px;

}

.request-text{



}

.request-text h1{

  font-family: oswaldbold;

  font-size: 30px;

  color: #fff;

  text-align: center;

  padding-top: 40px;

  padding-bottom:40px;

}

.request-text p{

  font-family: robotoregular;

  font-size: 16px;

  color: #fff;

  text-transform: capitalize;

}

.request-text a{

  margin: 7px 0px 7px 34%;

  color: #fff;

  background-image: url(im/req-dots.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding-left: 20px;

}

.request-text a:hover{

  text-decoration: none;

  color: #00adee;

}

.request-text button{

  text-align: center;

  margin-left: 24%;

  margin-right: 30%;

  width: 300px;

  height: 45px;

  background-color: #ba1a1a;

  border:0;

  text-transform: uppercase;

  font-size: 16px;

  font-family: robotoregular;

  margin-top: 19px;

}





















@media screen and (max-width: 767px){

  .request-main-text h2{

    font-size: 24px;

  }

  .request-main-text p{

    font-size: 12px;

  }

  .request-text h1{

    font-size: 25px;

  }

  .request-text a{

    margin: 7px 0px 7px 0%;

  }

  .request-text button{

    margin-left: 0%;

    margin-right: 0%;

    width: 250px;

  }

}

/*--------- Request End --------*/





















/*--------- Instagram Start --------*/

.instagram-fluid{

  background-color: #212121;

  border-top: solid 8px #fff;

  border-bottom: solid 8px #fff;

  padding-top: 40px;

  padding-bottom: 40px;

}

.instagram-text{

  text-align: center;

}

.instagram-text h1{

  color: #00adee;

  text-transform: uppercase;

  font-family: oswaldbold;

  font-size: 30px;

  background-image: url(im/instagram-logo.png);

  background-repeat: no-repeat;

  background-position: left center;

  display: inline;

  padding-left: 50px;

}

.instagram-text p{

  font-family: robotoregular;

  font-size: 16px;

  color: #fff;

  text-transform: capitalize;

  padding-bottom: 25px;

  padding-top: 10px;

}

.instagram{

  width: 20%;

  display: inline-block;

  vertical-align: top;

  margin-left: -4px;

  padding-left: 10px;

}











@media screen and (max-width: 767px){

  .instagram-text h1{

    font-size: 25px;

  }

  .instagram-text p{

    font-size: 13px;

  }

}

/*--------- Instagram End --------*/













.bottomhelp{      font-size: 32px;
    color: #000;
    font-family: oswaldbold;
    text-transform: uppercase;
    padding-top: 0px;
    text-align: left;}
	.bottomhelp2{        font-size: 14px;
    font-family: oswaldbold;
    line-height: 1.42857143;
    color: #000;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
    font-style: italic;
}

.bottomlogo{text-align: center;
    padding: 0px;}





/*--------- Email Start --------*/

.email-fulid{

  background-color: #efc138;

  border-bottom: solid 4px #fff;

     padding-top: 32px;
    padding-bottom: 34px;

}

.email{

  text-align: left;

}

.email h1{

  color: #fff;

  font-size: 30px;

  font-family: oswald_regularregular;

  text-transform: uppercase;

}

.email p{

font-family: oswald_regularregular;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 5px;
    vertical-align: bottom;

}

.email input{

 padding-top: 10px;
    background-color: #00adee;
    border: 0;
    width: 30%;
    height: 48px;
    border-bottom: solid 1px #fff;
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-left: 15px;
    text-transform: uppercase;
    font-family: oswald_regularregular;
	

}

.email button{

  background-color: #000;

  border: 0;

  width: 20%;

  height: 50px;

  display: inline-block;

  font-family: oswald_regularregular;

  color: #fff;

  font-size: 18px;

  text-transform: uppercase;

  border-radius: 5px;

      margin-left: 80px;
	  margin-top: 3px;

}




.












@media screen and (max-width: 1199px){

  .email button {

    font-size: 16px;

  }

}







@media screen and (max-width: 991px){

  .email button {

    width: 25%;

  }

}









@media screen and (max-width: 767px){

  .email h1{

    font-size: 17px;

  }

  .email input{

    width: 60%;

  }

  .email button{

    width: 60%;

    margin-top: 10px;

  }

}

/*--------- Email End --------*/























/*--------- Bottom Start --------*/

.bottom-bg{

  background:#000;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  padding-top: 16px;

  padding-bottom: 25px;
  background-attachment: fixed;
      margin-top: -1px;

}

.bottom-text{

  text-align: left;

}



.bottom-text h3{

    /* border-bottom: solid 2px #fff; */
    /* display: inline; */
    /* padding-bottom: 10px; */
    /* font-family: robotobold; */
    font-family: oswaldbold;
    color: #dddddd;
    text-transform: uppercase;
    padding-top: 24px;

}

.bottom-text ul{

  margin: 0;

  padding: 0;

  display: block;

      padding-top: 8px;

  position: relative;

}

.bottom-text li{

  display: block;

}

.bottom-text a{

  display: block;

}

.bottom-text p{

    font-family: oswaldbold;
    font-size: 12px;
    text-transform: uppercase;
    color: #ddd;
    line-height: 19px;
    padding: 8px 14px;
    background-image: url(im/bottom-ero.png);
    background-repeat: no-repeat;
    background-position: left 13px;

}
.bottom-text2{

    font-family: oswaldbold;
    font-size: 12px;
    text-transform: uppercase;
    color: #f3390a;
    line-height: 19px;
    padding: 0px 0px;
    background-repeat: no-repeat;
    background-position: left 13px;

}

.bottom-text span{

  font-family: oswaldbold;
    font-size: 14px;
    color: #f3390a;
    line-height: 19px;
    padding: 8px 14px;
    text-transform: uppercase;

}

.bottom-text a{

  font-family: oswaldbold;
    font-size: 12px;
    color: #ddd;
    line-height: 19px;
    padding: 8px 14px;
    background-image: url(im/bottom-ero.png);
    background-repeat: no-repeat;
    background-position: left center;

}

.bottom-text h1{

  font-family: oswaldbold;

  font-size: 30px;

  color: #0096ce;

  text-transform: uppercase;

  position: absolute;

  bottom: 0;

  left: 0;

}

.bottom-text a:hover{

  color: #f3390a;

  text-decoration: none;

}

.bottom-bt-text p{
    color: #fff;
    padding: 15px;
    text-align: center;
    margin-top: 50px;
    background-color: #a50a0a;

}











@media screen and (max-width: 991px){

  .bottom-text{

    padding-top: 30px;

  }

  .bottom-bg{

  background-image: url(im/bottom-bg.png);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  padding-top: 0px;

  padding-bottom: 25px;
  background-attachment: fixed;

  }

}

/*--------- Bottom End --------*/

















/*--------- Instagram --------*/

.instaProfile {

  margin: 0 auto;

  text-align: center;

}

.instaProfile img {

  border-radius: 73px;

  -webkit-box-shadow: 0 8px 6px -6px black;

  -moz-box-shadow: 0 8px 6px -6px black;

  box-shadow: 0 8px 6px -6px black;

  margin-bottom: 20px;

}

.instaBtn {

  background: #3897f0;

  border-color: #3897f0;

  border-radius: 3px;

  border-style: solid;

  border-width: 1px;

  color: #fff;

  cursor: pointer;

  margin-left: 20px;

  margin-bottom: 20px;

  padding: 0 24px;

}

.instaBtn:active {

  opacity: 0.7;

}

#instagramDiv {

  padding: 2em;

  position: relative;

  z-index: 100;

}

.grid-container {

  display: grid;

  grid-auto-flow: row dense;

  grid-gap: 6px;

  grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));

  margin: 0 auto;

}

.grid-container .item {

  background-color: rgba(255, 255, 255, 0.8);

  -webkit-box-shadow: 0 8px 6px -6px black;

  -moz-box-shadow: 0 8px 6px -6px black;

  box-shadow: 0 8px 6px -6px black;

  font-size: 30px;

  grid-row-start: auto;

  text-align: center;

}



.grow {

  position: relative;

  transform: scale(1);

  transition: all 0.5s ease;

  z-index: 100;

}

/*-----

.grow:hover {

  position: relative;

  transform: scale(1.2);

  z-index: 200;

}

-----*/

.grid-container .item img {

  height: 100%;

  object-fit: cover;

  width: 100%;

}















@media screen and (max-width: 991px){

  .grid-container {

  display: grid;

  grid-auto-flow: row dense;

  grid-gap: 6px;

  grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));

  margin: 0 auto;

}

}











@media screen and (max-width: 480px){

  .grid-container {

  display: grid;

  grid-auto-flow: row dense;

  grid-gap: 6px;

  grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));

  margin: 0 auto;

}


}
.grid-container .item{

transition: all 0.5s ease;

}
.grid-container .item:hover{

  width: 100%;

  height: 91%;

  border: solid 4px;

  border-color: rgb(0,171,235,0.5);

  top: 5%;

  transition: all 0.5s ease;

}